.video_afoot{
    height: 100vh;
    overflow: hidden;
}
.head{
    // height: 100vh;
    overflow: hidden;
}
.top_bgc {
	transition: all 0.5s;
    background-color: #000;
    height: 50vh;
    position: relative;
	// margin-top: 50px;
    .img_list {
        width: 100%;
        z-index: 1;

        swiper {
            height: 50vh;
        }

        .swiper-item {
            .goods_img {
                height: 50vh;
                width: 100%;
                // position: absolute;
                // top: 50%;
                // left: 50%;
                // transform: translate(-50%, -50%);
                z-index: 1;
            }
        }
    }

    .cancel {
        z-index: 1;
        position: absolute;
        top: 119rpx;
        left: 20rpx;

        image {
            width: 50rpx;
            height: 50rpx;
        }
    }

    .stop {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        image {
            width: 118rpx;
            height: 118rpx;
        }
    }

    

    .img_num {
        color: #fff;
        z-index: 1;
        position: absolute;
        bottom: 20rpx;
        right: 50rpx;
        background: #000000;
        opacity: 0.8;
        border-radius: 21rpx;
    }
}
.stop_vol {
	z-index: 1;
	// position: absolute;
	// bottom: 0rpx;
	// right: 10rpx;
	// transform: translate(-50%, -50%);
	button{
		// width: 58rpx;
		height: 58rpx;
		background-color: rgba(0, 0, 0, 0);
		padding: 0 !important;
		// margin-right:20rpx;
		border:1rpx solid #fff !important;
		text-align: center;
	}
	image {
		width: 45rpx;
		height: 45rpx;
		margin-right:20rpx;
	}
}

.contenr {
    .content_goods_info {
        background-color: #fff;

        .goods_price {
            display: flex;
            justify-content: space-between;

            .goods_price_left {
                padding: 20rpx;
                font-size: 25rpx;
                font-family: PingFang SC;
                font-weight: bold;
                color: #C93710;
            }

            .goods_price_right {
                display: flex;
                align-items: center;
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: 500;
                color: #999999;
                padding: 20rpx;
                image{
                    width: 26rpx;
                    height: 26rpx;
                    margin: 0 10rpx;
                }
            }
        }

        .goods_title {
            padding: 20rpx;
            padding-top: 0;
            font-size: 36rpx;
            font-family: PingFang SC;
            font-weight: bold;
            color: #333333;
        }
    }

    .activity {
        margin-top: 20rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #333333;
        padding: 30rpx 20rpx;

        image {
            width: 30rpx;
            height: 30rpx;
        }

        text {
            font-size: 20rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: #F1381E;
            border: 1px solid #F1381E;
            border-radius: 5rpx;
            margin-right: 20rpx;
        }

        .left {
            flex: 2;
            display: flex;
            align-items: center;
            font-size: 28rpx;
            color: #999;
        }

        .icon {
            flex: 12;
            font-size: 25rpx;
            /*让长段文本不换行*/
            white-space: nowrap;
            /*设置文本超出元素宽度部分隐藏*/
            overflow-x: hidden;
            /*设置文本超出部分用省略号显示*/
            text-overflow: ellipsis;

        }

        .right {
            display: flex;
            align-items: center;
        }
    }
}

.sku {
    border-radius: 20rpx;
    background-color: #fff;
}

.select_sku {
    display: flex;
    align-items: center;

    .sku_title {
        font-size: 28rpx;
        color: #999;
        flex: 2;
    }

    .sku_centenr {
        flex: 12;
        font-size: 26rpx;
    }

    .icon {
        width: 30rpx;
        height: 30rpx;

        image {
            width: 32rpx;
            height: 32rpx;
        }
    }
}

.address {
    display: flex;

    .sku_title {
        flex: 2;
        font-size: 28rpx;
        color: #999;
    }

    .address_contenr {
        flex: 12;

        .a {
            display: flex;
            justify-content: space-between;
        }

        .lat {
            font-size: 22rpx;
            line-height: 35rpx;
        }

        .user_address {
            padding-bottom: 10rpx;
            font-size: 36rpx;
            color: #555;

            image {
                width: 25rpx;
                height: 25rpx;
            }
        }

        .icon {
            width: 30rpx;
            height: 30rpx;

            image {
                width: 32rpx;
                height: 32rpx;
            }
        }
    }
}

.after {
    background-color: #dcdcdc;
    border-bottom-left-radius: 20rpx;
    border-bottom-right-radius: 20rpx;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    .after_item {
        margin-right: 10rpx;
        display: flex;
        align-items: center;
        font-size: 20rpx;
        color: #8a8a8a;

        image {
            margin-right: 10rpx;
            width: 20rpx;
            height: 20rpx;
        }
    }
}

.detail {
    .detail_item {
        background-color: #fff;
        border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		// margin-bottom: 250rpx;
        .detail_item_title {
            font-size: 28rpx;
            border-left: 3px solid #BE3956;
            padding-left: 20rpx;
            margin-bottom: 20rpx;
        }

        .detail_item_contenr {
            // width: 335rpx * 2;
            // height: 120vh;
            image {
                width: 100%;
            }
        }
    }
}

.sku-operate-box {
    position: fixed;
    bottom: 20rpx;
    width: 100%;
    display: flex;
    padding: 8px 10px;
    box-sizing: border-box;
    text-align: center;
}

.sku-operate-item1,
.sku-operate-item2 {
    flex: 1;
    color: #fff;
    line-height: 80rpx;
}

.sku-operate-item1 {
    width: 100%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #ffa10d;
}

.sku-operate-item2 {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fa2c19;
}
.popup_address::-webkit-scrollbar {
        display: none;
    }
.popup_address {
    height: 60vh;
    background-color: #f3f3f3;
    overflow-y: auto;

    .address_title {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
        background-color: #fff;
        border-bottom: 1px solid #e6e6e6;
        line-height: 100rpx;
        text-align: center;
    }
    .address_list2{
        border-radius: 20rpx;
        padding: 20rpx;
        margin: 100rpx 0 120rpx 0;
        .address_item2{
            background-color: #fff;
            padding: 20rpx ;
            display: flex;
            border-bottom: 1px solid #e6e6e6;
            margin: 10rpx 0;
            border-radius: 20rpx;
            .check2{
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 1;
            }
            .address_info2{
                flex: 9;
                .info_address_1{
                    font-size: 26rpx;
                    color: #999;
                }
                .info_address_2{
                    font-weight: 700;
                    padding: 10rpx 0;
                }
                .info_address_3{
                    font-size: 28rpx;
                    display: flex;
                    align-items: center;
                    .mr{
                        background-color: #f0260a;
                        font-size: 20rpx;
                        color: #fff;
                        padding: 3rpx 10rpx;
                        border-radius: 10rpx;
                        margin-right: 10rpx;
                    }
                    .j{
                        background-color: #5087f8;
                                        font-size: 20rpx;
                                        color: #fff;
                                        padding: 3rpx 10rpx;
                                        border-radius: 10rpx;
                                        margin-right: 10rpx;
                    }
                }
            }
        }
    }
    // .address_list {
    //     background-color: #f3f3f3;
    //     margin-top: 90rpx;
    //     margin: 90rpx 0 120rpx 0;
    //     .address_item {
    //         border-radius: 10rpx;
    //         background-color: #fff;
    //         margin-top: 10rpx;
    //         // box-shadow: 5rpx 15rpx 20rpx 20rpx #e1e1e1;
    //         position: relative;
    //         display: flex;

    //         .address_left {
    //             flex: 8;
    //         }

    //         .item_title {
    //             font-weight: 700;
    //         }

    //         .user_info {
    //             display: flex;
    //             color: #666;
                // font-size: 28rpx;
    //             .mr {
    //                 background-color: rgba(255, 0, 0, 0.1);
    //                 font-size: 25rpx;
    //                 color: red;
    //                 padding: 5rpx 20rpx;
    //                 border-radius: 50rpx;
    //                 margin: 0 20rpx;
    //             }
    //         }

    //         .user_tel {
    //             display: flex;
    //             color: #666;
                // font-size: 26rpx;
    //             padding: 10rpx 0;
    //         }

    //         .address_checkbox {
    //             flex: 2;
    //             display: flex;
    //             align-items: center;
    //             justify-content: center;
    //             margin-right: -30rpx;
    //         }
    //     }
    // }

    .btn {
        position: absolute;
        bottom: 60rpx;
        display: flex;
        width: 100%;
        text-align: center;
        line-height: 50rpx;
        color: #fff;
        .add {
            flex: 1;
            margin-left: 20rpx;

            text {
                padding: 20rpx 60rpx;
                /* color: #017c68; */
                background-color: #61c7b8;
                border-radius: 100rpx;
            }
        }

        .submit {
            flex: 2;
            margin-right: 20rpx;

            text {
                /* color: #017c68; */
                font-weight: 700;
                padding: 20rpx 180rpx;
                background-color: #61c7b8;
                border-radius: 100rpx;
            }
        }
    }
}

.popup_item{
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
	padding-bottom: 200rpx;
	.popup_top::-webkit-scrollbar {
    display: none;
	}
	.popup_top{
		overflow-y: auto;
		max-height: 60vh;
		padding-bottom: 40rpx;
		.item_img{
			border-bottom: 1px solid #f4f4f4;
			display: flex;
			padding: 20rpx;
			.item_img_image{
				width: 130rpx;
				height: 130rpx;
				image{
					width: 130rpx;
					height: 130rpx;
				}
			}
			.item_text{
				padding-left: 20rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.info_title{
					font-weight: 700;
				}
				.info_lat{
					font-size: 26rpx;
					line-height: 40rpx;
					color: #9b9b9b;
				}
				.info_code{
					font-size: 22rpx;
					color: #9b9b9b;
				}
			}
			
		}
		.item_info{
			padding: 20rpx;
			.info_title{
				font-weight: 700;
				font-size: 35rpx;
			}
			.info_lat{
				margin: 20rpx 0;
				color: #9b9b9b;
				font-size: 28rpx;
			}
		}
		.item_sku{
			padding: 20rpx;
			.sku_list{
				.sku_title{
					font-size: 28rpx ;
					font-weight: 700;
				}
				.sku_type{
					padding:0 20rpx;
					display: flex;
					flex-wrap: wrap;
					text{
						margin-top: 20rpx;
						color: #555;
						border: 1px solid #dcdcdc;
						font-size: 28rpx;
						padding: 10rpx 30rpx;
						border-radius: 10rpx;
						margin-right: 20rpx;
					}
					.check{
						background-color: #b6e7df;
						border: 1px solid #00aa91;
						color: #00aa90;
					}
					#del{
						text-decoration: line-through
					}
					.del{
						text-decoration: line-through;
						color: #555;
						background-color: #dad6d6;
					}
				}
				.sku_type::after{
					content: "";
					  flex: auto;
				}
			}
		}
		.recommend{
			.recommend_title{
				font-size: 28rpx ;
				font-weight: 700;
				padding: 20rpx;
			}
			.recommend_item{
				.sku_type{
					padding:0 20rpx;
					display: flex;
					flex-wrap: wrap;
					text{
						margin-top: 20rpx;
						color: #555;
						border: 1px solid #dcdcdc;
						font-size: 28rpx;
						padding: 10rpx 30rpx;
						border-radius: 10rpx;
						margin-right: 20rpx;
					}
					.check{
						background-color: #b6e7df;
						border: 1px solid #00aa91;
						color: #00aa90;
					}
				}
			}
		}
	}
	.popup_bottom{
		background-color: #fff;
		width: 100%;
		position: fixed;
		bottom: 0;
		padding-bottom: 20rpx;
		height: 200rpx;
		box-shadow: 5rpx 15rpx 20rpx 20rpx #e2e2e2;
		.price{
			color: #f24839;
			font-size: 30rpx;
			text{
				font-size: 40rpx;
				font-weight: 700;
				color: #f24839;
			}
		}
		.bottom_top{
			padding: 20rpx;
		}
		.bottom_bottom{
			// view{
			// 	padding: 20rpx 100rpx;
			// }
			.btn_left{
				border: 1px solid #ff6b16;
				border-radius: 100rpx;
				color: #ff6b16;
				margin-left: 30rpx;
				padding: 20rpx 100rpx;
			}
			.btn_right{
				flex: 1;
				background:linear-gradient(to right,#ff6b16,#ffa130);
				color: #fff;
				border-radius: 100rpx;
				margin: 0 30rpx;
				padding: 20rpx 120rpx ;
				text-align: center;
			}
		}
	}
}

.popup_address {
    height: 60vh;
    background-color: #f3f3f3;
    overflow-y: auto;

    .address_title {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
        background-color: #fff;
        border-bottom: 1px solid #e6e6e6;
        line-height: 100rpx;
        text-align: center;
    }
	.address_list2{
		border-radius: 20rpx;
		padding: 20rpx;
		margin: 100rpx 0 120rpx 0;
		.address_item2{
			background-color: #fff;
			padding: 20rpx ;
			display: flex;
			border-bottom: 1px solid #e6e6e6;
			.check2{
				display: flex;
				align-items: center;
				justify-content: center;
				flex: 1;
			}
			.address_info2{
				flex: 9;
				.info_address_1{
					font-size: 26rpx;
					color: #999;
				}
				.info_address_2{
					font-weight: 700;
					padding: 10rpx 0;
				}
				.info_address_3{
					font-size: 28rpx;
					display: flex;
					align-items: center;
					.mr{
						background-color: #f0260a;
						font-size: 20rpx;
						color: #fff;
						padding: 3rpx 10rpx;
						border-radius: 10rpx;
						margin-right: 10rpx;
					}
					.j{
						background-color: #5087f8;
						                font-size: 20rpx;
						                color: #fff;
						                padding: 3rpx 10rpx;
						                border-radius: 10rpx;
						                margin-right: 10rpx;
					}
				}
			}
		}
	}
    // .address_list {
    //     background-color: #f3f3f3;
    //     margin-top: 90rpx;
    //     margin: 90rpx 0 120rpx 0;
    //     .address_item {
    //         border-radius: 10rpx;
    //         background-color: #fff;
    //         margin-top: 10rpx;
    //         // box-shadow: 5rpx 15rpx 20rpx 20rpx #e1e1e1;
    //         position: relative;
    //         display: flex;

    //         .address_left {
    //             flex: 8;
    //         }

    //         .item_title {
    //             font-weight: 700;
    //         }

    //         .user_info {
    //             display: flex;
    //             color: #666;
				// font-size: 28rpx;
    //             .mr {
    //                 background-color: rgba(255, 0, 0, 0.1);
    //                 font-size: 25rpx;
    //                 color: red;
    //                 padding: 5rpx 20rpx;
    //                 border-radius: 50rpx;
    //                 margin: 0 20rpx;
    //             }
    //         }

    //         .user_tel {
    //             display: flex;
    //             color: #666;
				// font-size: 26rpx;
    //             padding: 10rpx 0;
    //         }

    //         .address_checkbox {
    //             flex: 2;
    //             display: flex;
    //             align-items: center;
    //             justify-content: center;
    //             margin-right: -30rpx;
    //         }
    //     }
    // }

    .btn {
        position: absolute;
        bottom: 60rpx;
        display: flex;
        width: 100%;
        text-align: center;
        line-height: 50rpx;

        .add {
            flex: 1;
            margin-left: 20rpx;

            text {
                padding: 20rpx 60rpx;
                color: #017c68;
                background-color: #61c7b8;
                border-radius: 100rpx;
            }
        }

        .submit {
            flex: 2;
            margin-right: 20rpx;

            text {
                color: #017c68;
                font-weight: 700;
                padding: 20rpx 180rpx;
                background-color: #61c7b8;
                border-radius: 100rpx;
            }
        }
    }
}
.bottom_popup_bottom{
	.popup_bottom{
		background-color: #fff;
		width: 100%;
		position: fixed;
		bottom: 0;
		padding-bottom: 20rpx;
		height: 130rpx;
		box-shadow: 5rpx 15rpx 20rpx 20rpx #e2e2e2;
		.price{
			color: #f24839;
			font-size: 30rpx;
			text{
				font-size: 40rpx;
				font-weight: 700;
				color: #f24839;
			}
		}
		.bottom_top{
			padding: 20rpx;
		}
		.bottom_bottom{
			// view{
			// 	padding: 20rpx 100rpx;
			// }
			.btn_left{
				border: 1px solid #ff6b16;
				border-radius: 100rpx;
				color: #ff6b16;
				margin-left: 30rpx;
			}
			.btn_right{
				flex: 1;
				background:linear-gradient(to right,#ff6b16,#ffa130);
				color: #fff;
				border-radius: 100rpx;
				// margin-right: 30rpx;
				margin: 0 30rpx;
				text-align: center;
				padding: 20rpx 120rpx ;
			}
		}
	}
	.popup_bottom2{
		height:200rpx;
	}
}
.order {
    color: #fff;
    padding: 0rpx 20rpx;
    font-size: 30rpx;
    display: flex;
	margin-right: 200rpx;
    view {
        display: flex;
        align-items: center;
        image {
            width: 40rpx;
            height: 40rpx;
            padding: 0 5rpx;
        }
    }
}
.share{
	margin-left: 15rpx;
	background-color:#03ab91 !important;
	.btn{
		background-color:#03ab91 !important;
		display: flex;
		align-items: center;
		font-size: 	24rpx;
		color: #fff;
		padding: 0 10rpx !important;
		image{
			width: 40rpx;
			height: 40rpx;
		}
	}
}

// .detail_item_contenr img{
// 	height:670px !important;
// }
.title_intro{
	font-size:28rpx;
	background-color: white;
	width:90%;
	padding:20rpx;
	margin:0 auto;
	margin-top:20rpx;
	border-radius: 15rpx;;
	
}
.goods_title{
	font-size:30rpx;
	font-weight: bold;
	color:#494947;
}
.intro{
	color:#C93710;
	margin:20rpx 0;
}
.goods_params{
	color:#888;
}
.goods_values{
	color:#DE6E84;
}
.goodsphrase{
	background-color: #fff;
	border-radius: 15rpx;
	width:89%;
	margin:0 auto;
	font-size: 28rpx;
	
}
.phrasetitle{
	border-left: 3px solid #BE3956;
	padding-left:20rpx;
}

.bottomline{
	margin: 0px 20rpx;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color:#aaa;
	margin-top:20px;
	padding-bottom: 140px;
}
.line{
	display: inline-block;
	width:28%;
	height:1px;
	background-color: #ccc;
}
.content{
	width:28%;
	font-size: 26rpx;
	text-align: center;
}

